<template>
    <view class="doll_machine_wrapper" :style='styleVar'>
    <view :class="['game_claws_wrapper',claws.wrapperClass]" :style="claws.wrapperStyle"  id="clawsWrapper">
      <!-- 杆 -->
      <image mode="scaleToFill" src="https://file02.esurl.cn/public/uniapp/images/doll/pole.png" class="pole" alt="aspectFit" />
      <view class="go_wrapper">
        <!-- 爪子 -->
        <image mode="scaleToFill" src="https://file02.esurl.cn/public/uniapp/images/doll/claws_left.png" :class="['claws_left',claws.leftClass]" id="clawsLeft" alt="" />
        <image mode="scaleToFill" src="https://file02.esurl.cn/public/uniapp/images/doll/claws_right.png" :class="['claws_right',claws.rightClass]" id="clawsRight" alt="" />
        <image mode="scaleToFill" src="https://file02.esurl.cn/public/uniapp/images/doll/GO.png" alt="" class="go"  @click.prevent="go" />
        <image mode="scaleToFill" src="https://file02.esurl.cn/public/uniapp/images/doll/go_text.png" :class="['go_text',goActive&&'normal']" @click.prevent="go"
          alt="" />
        <!-- 爪子拿起来的奖品 -->
        <view class="gift_box_wrapper" v-show="giftBox.show">
          <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Snikers.png" class="gift_Snikers gift_box" v-if="giftBox.showIndex==1"
            id="gift_Snikers" alt="" />
          <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_extra_big.png" class="gift_Extra_big gift_box" v-else-if="giftBox.showIndex==2"
            id="gift_Extra_big" alt="" />
          <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Doublemint.png" class="gift_Doublemint gift_box" v-else-if="giftBox.showIndex==3"
            alt="" />
          <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Doublemint_big.png" class="gift_Doublemint_big gift_box"
            v-else-if="giftBox.showIndex==4" alt="" />
          <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Dove.png" class="gift_Dove gift_box" v-else-if="giftBox.showIndex==5" alt="" />
          <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Extra.png" class="gift_Extra gift_box" v-else-if="giftBox.showIndex==6" alt="" />
        </view>
      </view>
    </view>
    <!-- 桌子+礼品 -->
    <view class="total_gift_wrapper" id="totalGiftWrapper">
      <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/desk.png" id="desk" class="desk" alt="" />
      <view class="gift_Snikers_wrapper">
        <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Snikers.png" class="gift_Snikers" alt="" />
      </view>
      <view class="gift_Extra_big_wrapper">
        <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_extra_big.png" class="gift_Extra_big" alt="" />
      </view>
      <view class="gift_Doublemint_wrapper">
        <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Doublemint.png" class="gift_Doublemint" alt="" />
      </view>
      <view class="gift_Doublemint_big_wrapper">
        <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Doublemint_big.png" class="gift_Doublemint_big" alt="" />
      </view>
      <view class="gift_Dove_wrapper">
        <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Dove.png" class="gift_Dove" alt="" />
      </view>
      <view class="gift_Extra_wrapper">
        <image mode="widthFix" src="https://file02.esurl.cn/public/uniapp/images/doll/gift_Extra.png" class="gift_Extra" alt="" />
      </view>
      <!-- 剩余抽奖次数+文案 -->
      <view class="text_wrapper">
        <view>剩余抽奖次数：{{num}}次</view>
        <view class="time_wrapper">
          活动抽奖时间：8:30~23:30
        </view>
      </view>
    </view>
   
  </view>
</template>
<style lang="scss" src="./index.scss" scoped></style>
<script src="./control.js"></script>